Modern Front-end Architecture by Ryan Lanciaux

Author:Ryan Lanciaux
Language: eng
Format: epub
ISBN: 9781484266250
Publisher: Apress

Finally, we can render our Card component similar to how we would any other component:export default function App() {

return (

<Card>

<h3>This is a card heading</h3>

<p>This is the text description</p>

</Card>

);

}

It’s worth repeating that this Card we created with styled-components is a React component. The styled-components API allows us to nest styles and even receive props! This can be an extremely powerful way to style our React applications.

Note

We’re only scratching the surface of what we can achieve using styled-components or emotion . Both libraries have a mechanism for themes that provides a clear path for providing consistent styles to varying components. Additionally, there are entire ecosystems of plugins that these libraries can utilize such as styled-system, rebass, and theme-ui.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.